<template>
    <el-page-header @back="goBack">
      <template #content>
        <div
          class="flex items-center"
          style="display: flex; align-items: center; margin-bottom: 5px"
        >
          <el-avatar
            :size="32"
            class="mr-3"
            src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
          />
          <span class="text-large font-600 mr-3"
            >工单编号 {{ order.single.workinforNumber }}
          </span>
        </div>
      </template>
    </el-page-header>
  </template>
  <script lang="ts" setup>
  import { ref, onUnmounted, onMounted, provide, inject } from "vue";
  import { useRouter, useRoute } from "vue-router";
  
  const router = useRouter();
  const route = useRoute();
  
  //接受来自父组件的注入
  const order = inject("order") as any;
  
  const statusColor = ref("");
  //后退
  const goBack = () => {
    router.back();
  };
  //持续在单个设备详情页面实时获取数据进行更新
  onMounted(() => {});
  </script>
  <style lang="scss" scoped></style>
  